<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>404财富管家</title>
<meta name="keywords" content="财富管家" />
<meta name="description" content="财富管家" />
<link rel="shortcut icon" th:href="@{/images/littlelogo.png}">
<link rel="icon" th:href="@{/favicon.ico}" mce_href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" th:href="@{/css/style.css}"/>
<link rel="stylesheet" th:href="@{/css/page.css}"/>
<link th:href="@{/css/iconfont/RjdaoIcon.css}" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>

<body style="background-color:#f0f0f0;">

<!----header s---->
<div class="topnav">
	<div class="mainw w">
    <div class="l-txt">欢迎致电：400-1234-123 &nbsp;&nbsp; 服务时间：08:30-17:30（工作日）</div>
    
    <a href="help.html" class="dh">帮助中心</a>
    <a href="xinshou.html" class="dh">新手指引</a>
    </div>
</div>

<header>
	<div class="hmain w">
      <a href="../index.html" class="logo"><img th:src="@{/images/logo.png}"></a>
        <a th:href="@{/register}" class="topbut">注册</a>
        <a th:href="@{/login}" class="topbut-cur">登录</a>
        <a th:href="@{/logout}" class="ubut">退出</a>
        <a th:href="@{/userCenter/index}" class="ubut" style="padding:0 15px;">个人中心<span><dl th:if="${session.user!=null}" th:text="${session.user.balance}"></dl></span></a>
		<nav>
			<a th:href="@{/index}" >首页</a>
			<a th:href="@{/invest/list}" class="cur">我要投资</a>
			<a th:href="@{/borrowCenter/index}">我要借贷</a>
			<a th:href="@{/zhongchou/list}">众筹中心</a>
			<a th:href="@{/information/xinxi1}">信息披露</a>
		</nav>
    </div>
</header>
<script th:inline="javascript">
    var user=[[${session.user}]];
    if(user==null){
        document.getElementsByClassName("topbut")[0].style.display=""
        document.getElementsByClassName("topbut-cur")[0].style.display=""
        document.getElementsByClassName("ubut")[0].style.display="none"
        document.getElementsByClassName("ubut")[1].style.display="none"
    }else {
        document.getElementsByClassName("ubut")[0].style.display="display"
        document.getElementsByClassName("ubut")[1].style.display="display"
        document.getElementsByClassName("topbut")[0].style.display="none"
        document.getElementsByClassName("topbut-cur")[0].style.display="none"
    }
</script>
<!----header e---->


<div class="invest-banner w">
	<img th:src="@{/images/invest-banner.jpg}">
</div>



<!---invest-list s--->
<div class="invest-list">

	<div class="classname">直投项目</div>

	<div class="title">
    	<div class="h1">项目名称</div>
        <div class="h3">预期年化收益</div>
        <div class="h3">项目期限</div>
        <div class="h4">还款方式</div>
        <div class="h5">总投资金额</div>
        <div class="h4">进度</div>
        <div class="h5"></div>
    </div>
   <!--
    <div class="item" th:each="invest:${invests}">
    	<div class="txt h1">&nbsp;<a th:href="@{/invest/xiangqing(id=${invest.id})}" style="font-size: 18px;" th:text="${invest.projectname}">车辆抵押贷</a></div>
        <div class="txt h2" th:text="${invest.rateofreturn} + '%'"></div>
        <div class="txt h3" th:text="${invest.borrowtime} + '个月'"></div>
        <div class="txt h3">按月回报</div>
        <div class="txt h3" th:text="${invest.borrowmoney} + '元'"></div>
        <div class="txt h2" th:text="${invest.schedule} + '%'"></div>
        <div class="txt h5" style="margin-left: 75px;"><a href="javascript:void(0);" th:onclick="'javascript:shoenlistDiv('+ this+ ',' + ${invest.id} +' )'" pronum="2" class="but" >立即申请</a></div>
	</div>-->
	<div id="vueContainer">
		<div class="item" v-for = "credit in creditInformation" >
			<div class="txt h1">&nbsp;<a  style="font-size: 18px;" href="#" v-bind:href="['/cms/invest/xiangqing?id='+credit.id]">{{credit.projectname}}</a></div>
			<div class="txt h2" >{{credit.rateofreturn}}%</div>
			<div class="txt h3" >{{credit.borrowtime}}个月</div>
			<div class="txt h3">按月回报</div>
			<div class="txt h3" >{{credit.borrowmoney}}元</div>
			<div class="txt h2">{{credit.schedule}}%</div>
			<div class="txt h5" style="margin-left: 75px;"><a href="javascript:void(0);"  @click="shoenlistDiv($event,credit.id)"  pronum="2" class="but" >立即申请</a></div>
		</div>
		<!--分页导航-->
		<div id="pagination"></div>
	</div>


</div>
<script th:src="@{https://cdn.staticfile.org/vue/2.2.2/vue.min.js}"></script>
<script th:inline="javascript">
    /*<![CDATA[*/
    var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
    /*]]>*/
</script>
<script type="text/javascript">
    //使用Vue渲染模板，初始化时是没有数据的，需要ajax请求拿到数据
    var vue = new Vue({
        el: "#vueContainer",
        data: {
            creditInformation: null
        }
    });

    var page = 1;  //默认第一页
    var size = 5;   //每页显示记录数
    var totalCount = 0; //总记录数

    //默认第一次加载数据
    pagination(page, size);

    //获取分页数据
    function pagination(page, size) {
        //查询条件
        var param = {
            page: page,
            size: size,
            //其它查询条件可在下面添加
        };

        $.ajax({
            type: 'POST',
            url: contextPath + '/invest/getlistData',
            data: param,
            async: false,//一定设置同步，目的为对totalCount赋值
            success: function (data) {
                vue.creditInformation = data.data;
                totalCount = data.count;
            }
        });
    };

    //使用layui分页
    layui.use('laypage', function(){
        var laypage = layui.laypage;
        //执行一个laypage实例
        laypage.render({
            elem: 'pagination' //注意，这里的 data 是 ID，不用加 # 号
            ,count: totalCount  //数据总数，从服务端得到
            // ,curr: curr
            // , layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            ,limit: 5
            ,jump: function(obj, first){
                //obj包含了当前分页的所有参数，比如：
                // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数

                //首次不执行
                if(!first){
                    // window.location.href = contextPath + "/a/film/list?page=" + (obj.curr) + "&size=" + obj.limit
                    pagination(obj.curr, obj.limit);//第二个参数不能用变量pageSize，因为当切换每页大小的时候会出问题
                }
            }
        });
    });
</script>
<!---footer s--->
<footer>
	<div class="fmain w">
    	<div class="fm-top">
        	<div class="left">
            
            	<div class="ilist">
                	<h1>联系我们</h1>
                    <div class="t">客服电话</div>
                    <div class="tel">400-1234-123</div>
                    <div class="t">邮箱：quanminsat@163.com</div>
                </div>
                
                <div class="ilist">
                	<h1>关于我们</h1>
                    <a href="introduce.html">公司简介</a>
                    <a href="page.html">最新公告</a>
                    <a href="join.html">加入我们</a>
                </div>
            </div>
            <div class="right">
            	<div class="ewm" style="margin-left:20px;"><img th:src="@{/images/gzh.jpg}"><span>关注公众号</span></div>
            </div>
        </div>
          <div class="fm-bot" style="text-align: center;">
        	<span>&copy; 2018 &nbsp;全民科技有限公司 &nbsp;京ICP备：123456789号 </span>
        	<br />
            <dl>市场有风险 投资需谨慎</dl>
        </div>
    </div>
</footer>
<!---footer e--->


<!---申请窗口 S---->
<div class="fullscreenMask" id="fullscreenMask" style="display:none;">
</div>
<div class="applyMain" id="applyMain" style="display:none;">
	<div class="title"><span>请认真观看以下内容</span><i class="icon-0310" onclick="hideenlistDiv()"></i></div>
    <textarea name="textarea" class="textarea" style="width: 450px; height: 350px;">风险揭示书
    尊敬的出借人：

出借有风险，当您（贵公司）出借时，可能获得利息，但同时也面临着风险。您（贵公司）在做出接受网络借贷信息中介机构服务和出借决策之前，请仔细阅读本风险揭示书，全面认识网络借贷的风险和特性，认真考虑网络借贷存在的各项风险因素，并充分考虑自身的投资风险意识、风险识别能力和风险承受能力，谨慎做出接受服务和出借的决策。

根据有关法律法规，网络借贷信息中介机构和出借人分别做出如下承诺、风险揭示及声明：

一、风险揭示

（一）主要风险

1、资金损失风险

网络借贷信息中介机构将按照依法、诚信、自愿、公平的原则为出借人和借款人提供信息中介服务，维护出借人与借款人的合法权益。但网络借贷信息中介机构不提供增信服务，不承担借贷违约风险。出借人和借款人遵循借贷自愿、诚实守信、责任自负、风险自担的原则承担借贷风险，出借人自行承担借贷产品的本息损失。

2、借款人风险

借款人因经验及能力不足风险、婚姻及家庭不稳定风险、居住不稳定风险、品质及道德风险、健康风险、信用风险、经营风险、股权风险、管理不足风险、还款能力不足风险、过度负债风险等原因，未按照合同约定还款，导致出借人的出借本金和利息无法按时回收。

3、出借人风险

出借人因其出借风险意识、风险识别能力、出借经历、风险承受能力等原因，未能准确了解借贷风险，出借决策产生偏差，致使自身遭受损失。

4、资金回收风险

针对出借人出借本金或者回款再出借资金，网络借贷信息中介机构会积极协助出借人寻找、推荐借款人，以完成资金出借、获取利息之目的，但寻找、推荐借款人日期存在一定不确定性，会导致出借人在出借期限届满后可能无法完全回收出借资金和获得利息。

5、促成失败的风险

本次借款的促成需符合相关法律法规的规定和借款合同的约定，可能存在不能满足成立条件从而无法成立的风险。

6、市场风险

网络借贷行业因受经济因素、政治因素等各种因素影响而引起的波动，从而会产生风险。

7、抵押物减值风险

在借款人逾期无法偿还借款需要拍卖、变卖出借人提供的抵押物以清偿出借人欠款时，存在因天气、使用、保管不当、市场价格波动等原因，发生抵押物毁损、灭失、或价值严重贬损的风险。

（二）一般风险

1、税收风险险

对于本借款所适用的税务政策，中国财政机关和税务机关尚未制定统一、完善的税务法律体系，且由于各地方政府税务机关存在执行不统一、稳定性差、缺乏足够的政策支持等特点，出借人的利息收入可能会因相应的税收政策的变化而受到不利影响。

2、经济周期风险

对于本借款所适用的税务政策，中国财政机关和税务机关尚未制定统一、完善的税务法律体系，且由于各地方政府税务机关存在执行不统一、稳定性差、缺乏足够的政策支持等特点，出借人的利息收入可能会因相应的税收政策的变化而受到不利影响。

3、管理风险

网络借贷信息中介机构的知识、经验、判断、决策、技能等，会影响其对信息的搜集、信息交互和对借款人的资信评估，将会影响出借人的利息收入，从而产生风险。

4、经营风险

网络借贷信息中介机构承诺将按照相关法律法规的规定进行运营及管理，但无法保证永久符合相关法律和监管部门的要求。如网络借贷信息中介机构无法继续经营网络借贷信息中介业务或发生重大业务调整，或财产状况发生重大变化，则可能会对出借人产生不利影响。

网络借贷信息中介机构有权将借款人信息复核、贷后跟踪等用户服务事项以委托服务/服务外包等方式交由其他机构办理，因合作机构不符合监管部门规定的资质，或被监管部门撤销相关业务许可、责令停业整顿等原因不能正常履行职责，或不具备提供服务的相关条件、或因管理不善，或发生停业、解散、破产、被吊销营业执照等情形，可能会给出借人带来一定的风险。

5、操作或技术风险

操作或技术风险是指网络借贷信息中介机构、支付机构或资金存管机构在业务操作过程中，因内部控制存在缺陷或者人为因素造成操作失误或违反操作规程等引致的风险，例如交易错误、IT 系统故障等风险。

6、法律和政策风险

法律法规的变化，货币政策、财政政策、行业政策的调整，以及监管部门对金融市场和网贷行业监管政策的调整，均可能影响本次借款的资金成本和履约表现，从而产生本息损失的风险。

7、其他风险

战争、自然灾害等不可抗力的出现，可能导致借贷本息遭受损失。代理机构违约等超出网络借贷信息中介机构自身直接控制能力范围之外的风险，也可能导致出借人的利益受损，从而带来风险。

二、其他提示

请出借人仔细阅读相关合同的全部内容，了解并知悉根据合同规定而享有的权利及应当承担的义务和风险。

在您（贵公司）签署本服务协议书前，应当仔细阅读本风险揭示书、并独立作出是否接受服务和出借的决定。您（贵公司）签署本揭示书是您（贵公司）真实的意思表示，您（贵公司）已知悉并理解本服务的全部风险，并自愿承担由此带来的一切后果。

风险告知方（网络借贷信息中介机构）：
    苏州市全民科技有限公司 </textarea>
   <div style="width: 330px; margin-left: 80px;"><a id="a1" ><input type="submit" class="button" value="我知道了！"></a></div>
</div>

<!--
<div class="fullscreenMask" id="showInformation" style="display:none;">
</div>-->

<script type="text/javascript">

function shoenlistDiv(form,id){
    //点击报名按钮将值传入文本框中
	//alert(kcid);
	//获取要显示的div对象
    console.log(id)
    var  otherDiv=document.getElementById('applyMain');
    var a1=document.getElementById("a1");
    a1.href="/cms/invest/form?investid="+id;
    //显示
    otherDiv.style.display="block";
	var  otherDiv=document.getElementById('fullscreenMask');
	otherDiv.style.display="block";

	
}
function hideenlistDiv(){
    //获取要显示的div对象
    var  otherDiv=document.getElementById('applyMain');
    //显示
    otherDiv.style.display="none";
	var  otherDiv=document.getElementById('fullscreenMask');
	otherDiv.style.display="none";
}

</script>
<!---申请窗口 E---->

<!---客服代码 S--->
<div class="suspension">
	<div class="suspension-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
		<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>
		<a href="javascript:;" class="a a-top"><i class="i"></i></a>
		<div class="d d-service">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<a href="http://wpa.qq.com/msgrd?v=3&uin={$WEB.qq}&site=qq&menu=yes" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
				</div>
			</div>
		</div>
		<div class="d d-service-phone">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<span class="circle"><i class="i-tel"></i></span>
					<div class="text">
						<p>服务热线</p>
						<p class="red number">400-0000-000</p>
					</div>
				</div>
				<div class="d-service-intro clearfix">
					
				</div>
			</div>
		</div>
		<div class="d d-qrcode">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="qrcode-img"><img th:src="@{/images/side_ewm.jpg}" alt=""></div>
				<p>微信服务号</p>
			</div>
		</div>

	</div>
</div>


<script type="text/javascript">
$(document).ready(function(){

	/* ----- 侧边悬浮 ---- */
	$(document).on("mouseenter", ".suspension .a", function(){
		var _this = $(this);
		var s = $(".suspension");
		var isService = _this.hasClass("a-service");
		var isServicePhone = _this.hasClass("a-service-phone");
		var isQrcode = _this.hasClass("a-qrcode");
		if(isService){ s.find(".d-service").show().siblings(".d").hide();}
		if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
		if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
	});
	$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
		$(".suspension").find(".d").hide();
	});
	$(document).on("mouseenter", ".suspension .a-top", function(){
		$(".suspension").find(".d").hide(); 
	});
	$(document).on("click", ".suspension .a-top", function(){
		$("html,body").animate({scrollTop: 0});
	});
	$(window).scroll(function(){
		var st = $(document).scrollTop();
		var $top = $(".suspension .a-top");
		if(st > 400){
			$top.css({display: 'block'});
		}else{
			if ($top.is(":visible")) {
				$top.hide();
			}
		}
	});
	
});	
</script>
<!---客服代码 E--->
</body>

</html>
